<template>
	<view class="cropper-choose">
		<view class="contesLIsy">
			<image class="img" src="../static/footerC.png" mode=""></image>
			<navigator url="/pages/login/index" hover-class="navigator-hover">
				<view class="cpnsList">
					<view class="left">
						去甩单 
					</view>
					<view class="right">
						去接单
					</view>
				</view>
			</navigator>
			<!-- pages/login/index -->
		</view>
	</view>
</template>

<script>
	
</script>

<style>
	.cropper-choose{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, .5);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contesLIsy{
		/* display: flex;
		float: left;
		border-radius: 24rpx;
		padding: 24rpx;
		background-color: #fff;
		text-align: center; */
		position: relative;
		width: 640rpx;
		height: 295rpx;
	}
	.contesLIsy .img{
		width: 100%;
		height: 100%;
	}
	.contesLIsy .cpnsList{
		position: absolute;
		display: flex;
		justify-content: center;
		width: 100%;
		left: 0;
		bottom: 24rpx;
	}
	.left{
		width: 158rpx;
		height: 72rpx;
		background: #34B6C1;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		color: #FFFFFF;
		margin-right: 20rpx;
		text-align: center;
		line-height: 72rpx;
		font-style: normal;
		text-transform: none;
	}
	.right{
		width: 158rpx;
		height: 72rpx;
		background: #256FF3;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 26rpx;
		margin-left: 20rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 72rpx;
		font-style: normal;
		text-transform: none;
	}
</style>